// 权限控制
import router, { asyncRoutes } from './router'
import store from './store'
// import { getCookie } from './utils/auth'

// 路由白名单
const WHITE_LIST = ['/login', '/404']
// 处理一级路由权限数据
function getFirstRoutePerms(permsArr) {
  const newArr = permsArr.map(item => {
    return item.split(':')[0]
  })
  return [...new Set(newArr)] // 去重
}

// 处理二级路由权限数据
function getSecondRoutePerms(permsArr) {
  const newArr = permsArr.map(item => {
    const arr = item.split(':')
    return `${arr[0]}:${arr[1]}`
  })
  return [...new Set(newArr)]
}

// 根据权限标识过滤路由表
function getRoutes(firstRoutePerms, secondRoutePerms, asyncRoutes) {
  if (store.state.user.profile.permissions.includes('*:*:*')) {
    return asyncRoutes
  }
  // 根据一级和二级对动态路由表做过滤 return出去过滤之后的路由表
  // 1. 根据一级路由对动态路由表做过滤
  return asyncRoutes.filter(route => {
    return firstRoutePerms.includes(route.permission)
  }).map(item => {
    // 2. 对二级路由做过滤
    return {
      ...item,
      children: item.children.filter(item => secondRoutePerms.includes(item.permission))
    }
  })
}

/*
  路由前置守卫： 每次跳转路由都会执行这个函数beforeEach
    在这里判断用户登陆状态
      -登录
        RBAC: 用户-角色-权限 （用户登录之后判断当前用户所拥有的权限，可显示的菜单）
      -没有登录
*/
router.beforeEach(async(to, from, next) => {
  const token = store.getters.token
  // 有token
  if (token) {
    next()
    // 如果没有用户信息，获取用户信息
    if (!store.getters.profile.id) {
      // 1.获取原始权限列表
      const perms = await store.dispatch('user/getProfileAPI')
      console.log('当前用户的权限数据为：', perms)
      // 2.过滤出用户的一级路由和二级路由
      const firstRoutePerms = getFirstRoutePerms(perms)
      const secondRoutePerms = getSecondRoutePerms(perms)
      // 3.通过用户的一级二级路由匹配出用户的动态路由列表
      const filterRoutes = getRoutes(firstRoutePerms, secondRoutePerms, asyncRoutes)
      console.log('当前用户的权限路由列表', filterRoutes)
      // 4.将用户的动态路由列表添加到router路由实例中
      filterRoutes.forEach(route => router.addRoute(route))
      // 5. 存入Vuex渲染左侧菜单
      store.commit('menu/setMenuList', filterRoutes)
    }
  } else {
    // 没有token
    if (WHITE_LIST.includes(to.path)) {
      next()
    } else {
      next('/login')
    }
  }
})
